 <?
if (!defined('baseinfo')) {
    exitdata();
    
}   
?>
<div class="subB clTxt1 fs05 clBg4">
    <div class="wrpSubB mainSB">
        <div class="ttlB cutTxt">Setting</div>
    </div>
</div>
<div class="wrprSt" id="feature1">
    <div class="wrpTgHdGen clBd2 bdBtm clTxt2 fs05">
        <span class="tgHdGen tgCl clBd2 bdR clSp2" onclick="opensetting('wrpPfSt')">Profile</span>
        <? if($data['userdata']['facebookid']==""||$data['userdata']['syncfacebook']=="1"){?>
        <span class="tgHdGen tgCl clBd2 bdR" onclick="opensetting('wrpAcntSt')">Account</span>
        <?}?>
        
        <span class="tgHdGen tgCl clBd2 bdR"  onclick="opensetting('wrpSysSt')">Privacy</span>
        <? if(NameDmconnex=="Canonlife"||NameDmconnex=="Infostant"){?>
         <span class="tgHdGen tgCl clBd2 bdR"  onclick="opensetting('wrpSerialSt')">Serial</span>
         <?}?>
         <? if(NameDmconnex=="BCAZ"||NameDmconnex=="Infostant"||NameDmconnex=="Bangpan"){?>
         <span class="tgHdGen tgCl clBd2 " onclick="opensetting('wrprPblSt')">Publication</span>
         <?}?>
         
    </div>
     <form name="fullprofileform" id="fullprofileform">
    <div class="wrpPfSt wrpallsetting " >
        <div class="shtPfSt ">
            <div class="wrpCvSt wrpInShtPfSt image1">
                <div class="wrpTtlAddGen">
                    <h2 class="ttlAddGen clTxt2 fs04">Cover</h2>
                    <p class="rcmAddGen clTxt3 fs01">recommended size : 2048px X 640px</p> 
                </div>
                <div class="wrpImgCvSt">
                    <div class="imgCvSt plgArea">
                        <!-- img here -->
                        <a target="_blank" href="<?if($data['userdata']['bannerimgarray']['newpath']){echo $data['userdata']['bannerimgarray']['newpath'];}?>"><img src="<?=$data['userdata']['sbannerimgarray']['newpath']?>" alt="img" width="800" height="250"></a>
                    </div>
                    <div class="wrpTl">
                        <div class="btnIco addImgTl clBd3 bdBtm uploadbutton" title="Browse">
                            <span class="ico icoAddImgTl"></span>
                            <div class="wrpUlFile">

                            </div>
                        </div>
                        <div class="btnIco addCldTl clBd3 bdBtm cloudbutton" title="Cloud">
                            <span class="ico icoAddCldTl"></span>
                        </div>
                        <div class="btnIco addLnkTl clBd3 bdBtm linkbutton" title="Link">
                            <span class="ico icoAddLnkTl"></span>
                        </div>
                        <div class="btnIco btnRmvTl deletebutton" title="Remove">
                            <span class="ico icoRmvTl"></span>
                        </div>
                        </div>
                </div>
            </div>
            <div class="wrpInShtPfSt">
                <div class="wrprUserImgSt clBd2 bdR image2">
                    <div class="wrpTtlAddGen">
                        <h2 class="ttlAddGen clTxt2 fs04">Profile Image</h2>
                        <p class="rcmAddGen clTxt3 fs01">recommended size : 350px X 350px</p> 
                    </div>
                    <div class="wrpUserImgSt">
                        <div class="userImgSt plgArea">
                        <a target="_blank" href="<?if($data['userdata']['imguser']['newpath']){echo $data['userdata']['imguser']['newpath'];}else{ echo baseinfo."/img/user1.jpg";}?>"><img src="<?if($data['userdata']['simguser']['newpath']){echo $data['userdata']['simguser']['newpath'];}else{ echo baseinfo."/img/user1.jpg";}?>" alt="img" width="175" height="175"></a>
                          
                        </div>
                        <div class="tlUserImgSt">
                            <div class="btnIco addImgTl clBd3 bdR uploadbutton" title="Browse">
                                <span class="ico icoAddImgTl"></span>
                                <div class="wrpUlFile">

                                </div>
                            </div>
                            <div class="btnIco addCldTl clBd3 bdR cloudbutton" title="Cloud">
                                <span class="ico icoAddCldTl"></span>
                            </div>
                            <div class="btnIco addLnkTl clBd3 bdR linkbutton" title="Link">
                                <span class="ico icoAddLnkTl"></span>
                            </div>
                            <div class="btnIco btnRmvTl deletebutton" title="Remove">
                                <span class="ico icoRmvTl"></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="wrpInfoSt">
                    <fieldset class="wrpDpNameSt">
                        <div class="wrpTtlAddGen">
                            <h2 class="ttlAddGen clTxt2 fs04">Display Name</h2>
                        </div>
                        <input name="displayname" class="inpAddCtnt clBg4 clBd2 fs03 clTxt2" type="text" value="<? echo $data['userdata']['displayname'];?>">
                    </fieldset>
                    <fieldset class="wrpShtCtcSt">
                        <div class="wrpTtlAddGen">
                            <h2 class="ttlAddGen clTxt2 fs04">Contact</h2>
                        </div>
                        <div class="wrpInpSt">
                            <div class="icoInpCtcSt">
                                <span class="ico icoInpFbSt"></span>
                            </div>
                            <input name="facebook" class="inpAddCtnt clBg4 clBd2 fs03 clTxt2" value="<? echo $data['userdata']['facebook']; ?>" type="text" placeholder="e.g. facebook.com/<?=NameDmconnex?>">
                        </div>
                        <div class="wrpInpSt">
                            <div class="icoInpCtcSt">
                                <span class="ico icoInpTwtSt"></span>
                            </div>
                            <input name="twitter" class="inpAddCtnt clBg4 clBd2 fs03 clTxt2" value="<? echo $data['userdata']['twitter']; ?>" type="text" placeholder="e.g. twitter.com/<?=NameDmconnex?>">
                        </div>
                        <div class="wrpInpSt">
                            <div class="icoInpCtcSt">
                                <span class="ico icoInpGpSt"></span>
                            </div>
                            <input name="googleplus" class="inpAddCtnt clBg4 clBd2 fs03 clTxt2" value="<? echo $data['userdata']['googleplus']; ?>" type="text" placeholder="e.g. plus.google.com/<?=NameDmconnex?>">
                        </div>
                        <div class="wrpInpSt">
                            <div class="icoInpCtcSt">
                                <span class="ico icoInpLnkSt"></span>
                            </div>
                            <input name="website" class="inpAddCtnt clBg4 clBd2 fs03 clTxt2" value="<? echo $data['userdata']['website']; ?>" type="text" placeholder="e.g. <?=baseinfo?>">
                        </div>
                    </fieldset>
                </div>
                <div class="emtGen"></div>
            </div>
            
        </div>
        <div class="wrpFullPfSt">
            <h1 class="clBd2 bdBtm fs05">Full Profile</h1>
            <div class="wrpAllInfoSt">
                <div class="wrpGenInfo mgBtm10">
                    <div class="wrpHdInfoGen mgBtm10">
                        <h2 class="ttlFullPf clTxt2 fs04">General</h2>
                    </div>
                    <table class="tbGenInfo clTxt3 fs03">
                        <tr>
                            <th>First Name</th>
                            <td><input type="hidden" name="filter" value="1"> <input name="firstname" class="clBg4 clBd2 fs03 clTxt2" value="<? echo $data['userdata']['firstname']; ?>" type="text"></td>
                        </tr>
                        <tr>
                            <th>Last Name</th>
                            <td><input name="lastname" class="clBg4 clBd2 fs03 clTxt2" value="<? echo $data['userdata']['lastname']; ?>" type="text"></td>
                        </tr>
                        <tr>
                            <th>Gender</th>
                            <td>
                                <div class="slctGen">
                                 
                                    <input type="radio" <? if($data['userdata']['gender']==1){ echo 'checked="checked"'; }?>  name="gender" value="1" id="male">
                                    <label for="male" class="fs03 clTxt3">Male</label>
                                    <input type="radio" <? if($data['userdata']['gender']==2){ echo 'checked="checked"'; }?> name="gender" value="2" id="female">
                                    <label for="female" class="fs03 clTxt3">Female</label>
                                    <input type="radio" <? if($data['userdata']['gender']==0){ echo 'checked="checked"'; }?> name="gender" value="0" id="other">
                                    <label for="other" class="fs03 clTxt3">Unspecified</label>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th>Date of Birth</th>
                            <td>
                                 <? if($data['userdata']['birthdate']!="0000-00-00"){ list($year,$month,$day)=explode("-",$data['userdata']['birthdate']);  
                                 $year=intval($year);
                                 $month2=intval($month);
                                 $day=intval($day);
                                 
                                 }?>
                                <div class="reDesign reDsDayBirth">
                                    <select name="daybirth" class="dayBirth">
                                        <option  value="0">Please Select Day</option>
                                        <?
                                        $month = array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "Novemeber", "December");
                                        for($i=1;$i<32;$i++)
                                        {
                                        $selected='';
                                        if($day==$i)
                                        {
                                        $selected='selected="selected"'; 
                                        }
                                        
                                        echo '<option '.$selected.' value="'.$i.'">'.$i.'</option>';
                                        
                                        
                                        }
                                        
                                        ?>
                                      
                                    </select>
                                </div>
                                <div class="reDesign reDsMonthBirth">
                                    <select name="monthbirth" class="monthBirth">
                                        <option  value="0">Please Select Month</option>
                                        <?
                                         $k=1;
                                         foreach($month as $valuemonth){
                                         
                                        $selected='';
                                        if($month2==$k)
                                        {
                                        $selected='selected="selected"'; 
                                        }
                                         
                                         ?>
                                         
                                        <option <?=$selected?> value="<?=$k?>"><?=$valuemonth?></option>
                                        <?
                                        $k++;
                                        }?>
                                       
                                    </select>
                                </div>
                                <div class="reDesign reDsYearBirth">
                                    <select name="yearbirth" class="yearBirth">
                                       <option  value="0">Please Select Year</option>
                                       <? 
                                       $startyear=date("Y");
                                       for($i=1;$i<101;$i++) {
                                       
                                       
                                        $selected='';
                                        if($year==($startyear-$i))
                                        {
                                        $selected='selected="selected"'; 
                                        }
                                       
                                       ?>
                                       
                                       <option <?=$selected?> value="<?=($startyear-$i)?>"><?=($startyear-$i)?></option>

                                        <?}?>
                                    </select>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th>Description</th>
                            <td><textarea name="description" class="clBg4 clBd2 fs03 clTxt2"><?=$data['userdata']['description']?></textarea></td>
                        </tr>
                    </table>
                </div>
                <div class="wrpAdrsInfo mgBtm10">
                    <div class="wrpHdInfoGen mgBtm10">
                        <h2 class="ttlFullPf clTxt2 fs04">Address</h2>
                    </div>
                    <table class="tbGenInfo clTxt3 fs03">
                        <tr>
                            <th>Street Address</th>
                            <td><textarea name="address"  id="detail-1" class="clBg4 clBd2 fs03 clTxt2"><?=$data['userdata']['address']?></textarea></td>
                        </tr>
                        <tr>
                            <th>Country</th>
                            <td>
                                <div class="reDesign">
                                    <select name="countryid" id="countryid-1" class="fs01">
                                            <option  value="0">Please Select Country</option>
                                        <?  
                                            if(count($data['countryall']))
                                            {
                                             foreach($data['countryall'] as $keycountry=> $countryall)
                                             {
                                               $selected='';
                                               if($data['userdata']['countryid']==$keycountry)
                                               {
                                               $selected='selected="selected"'; 
                                               }
                                        ?>
                                                <option <?=$selected?> value="<?=$keycountry?>"><?=$countryall?></option>
                                        <?
                                             }
                                             
                                            }
                                        
                                          ?>
                                    </select>
                                </div>
                            </td>
                        </tr>
                       
                        
                        <tr class="prothaiclass-1">
                            <th>State / Province / Region</th>
                            <td>
                                <div class="reDesign">
                                    <select name="proid" id="proid-1" class="fs01">
                                         <option  value="0">Please Select Province</option>
                                         <?if(count($data['provinceall'])){
                                         foreach($data['provinceall'] as $keyprovince=> $valueprovince)
                                         {
                                            
                                               $selected='';
                                               if($data['userdata']['proid']==$keyprovince)
                                               {
                                               $selected='selected="selected"'; 
                                               }
                                         ?>
                                        <option <?=$selected?> value="<?=$keyprovince?>"><?=$valueprovince?></option>
                                        <?
                                         }
                                        
                                        }?>
                                        
                                    </select>
                                </div>
                            </td>
                        </tr>
                        <tr class="prothaiclass-1">
                            <th>District</th>
                            <td>
                                <div class="reDesign">
                                    <select name="disid" id="disid-1" class="fs01">
                                        <option  value="0">Please Select District</option>
                                    </select>
                                </div>
                            </td>
                        </tr>
                        <tr class="prothaiclass-1">
                            <th>Sub District</th>
                            <td>
                                <div class="reDesign">
                                    <select name="tumid" id="tumid-1" class="fs01">
                                        <option  value="0">Please Select Sub District</option>
                                    </select>
                                </div>
                            </td>
                        </tr>
                        
                        <tr class="prootherclass-1">
                            <th>State</th>
                            <td>
                                <div class="reDesign">
                                    <input type="text" name="state" id="state-1" value="<?=$data['userdata']['statedata']?>" >
                                </div>
                            </td>
                        </tr>
                        
                         <tr class="s">
                            <th>Postal Code</th>
                            <td>
                                <input name="code" value="<?=$data['userdata']['code']?>" type="text" class="inpPostCode clBg4 clBd2 fs03 clTxt2">
                            </td>
                        </tr>

                       
                    </table>
                    <div class="wrpMapAdrsSt clBd2 bdFull" id="mapdata-1">
                        <div class="mapAdrs" ></div>
                        <div class="icoDefFullPf">
                            <span class="ico icoMapDefFullPf"></span>
                            <span>Map</span>
                        </div>
                       
                    </div>
                   
                        <input name="lat" id="lat-1" type="hidden" value="<?=$data['userdata']['lat']?>" >
                        <input name="lng" id="lng-1" type="hidden" value="<?=$data['userdata']['lng']?>" >
                </div>
                <div class="wrpShipAdrsInfo mgBtm10">
                    <div class="wrpHdInfoGen mgBtm10">
                        <h2 class="ttlFullPf clTxt2 fs04">Shipping Address</h2>
                        <input type="checkbox" class="checkBoxDm" name="sameaddress"  value="<?=$data['userdata']['userid']?>" id="sameaddress-1">
                        <label class="clTxt3 fs03 userSlctNone" for="shipAdrs">Same as your address</label>
                    </div>
                    <table class="tbGenInfo clTxt3 fs03">
                        <tr>
                            <th>Street Address</th>
                            <td><textarea class="clBg4 clBd2 fs03 clTxt2" name="shipaddress" id="address-2" ><?=$data['userdata']['shipaddress']?></textarea></td>
                        </tr>
                        <tr>
                            <th>Country</th>
                            <td>
                                <div class="reDesign">
                                    <select class="fs01" name="shipcountryid" id="countryid-2" >
                                         <option  value="0">Please Select Country</option>
                                         <?  
                                            if(count($data['countryall']))
                                            {
                                             foreach($data['countryall'] as $keycountry=> $countryall)
                                             {
                                               $selected='';
                                               if($data['userdata']['shipcountryid']==$keycountry)
                                               {
                                               $selected='selected="selected"'; 
                                               }
                                           ?>
                                                <option <?=$selected?> value="<?=$keycountry?>"><?=$countryall?></option>
                                          <?
                                             }
                                             
                                            }
                                        
                                          ?>
                                    </select>
                                </div>
                            </td>
                        </tr>
                        <tr class="prothaiclass-2">
                            <th>State / Province / Region</th>
                            <td>
                                <div class="reDesign">
                                    <select name="shipproid" id="proid-2" class="fs01">
                                         <option  value="0">Please Select Province</option>
                                         <?
                                         if(count($data['provinceall'])){
                                         
                                         foreach($data['provinceall'] as $keyprovince=> $valueprovince)
                                         {
                                            
                                               $selected='';
                                               if($data['userdata']['shipproid']==$keyprovince)
                                               {
                                               $selected='selected="selected"'; 
                                               }
                                         ?>
                                        <option <?=$selected?> value="<?=$keyprovince?>"><?=$valueprovince?></option>
                                        <?
                                         }
                                        
                                        }?>
                                        
                                    </select>
                                </div>
                            </td>
                        </tr>
                        <tr class="prothaiclass-2">
                            <th>District</th>
                            <td>
                                <div class="reDesign">
                                    <select name="shipdisid" id="disid-2" class="fs01">
                                        <option  value="0">Please Select District</option>
                                    </select>
                                </div>
                            </td>
                        </tr>
                        <tr class="prothaiclass-2">
                            <th>Sub District</th>
                            <td>
                                <div class="reDesign">
                                    <select name="shiptumid" id="tumid-2" class="fs01">
                                        <option  value="0">Please Select Sub District</option>
                                    </select>
                                </div>
                            </td>
                        </tr>
                        
                         <tr class="prootherclass-2">
                            <th>State</th>
                            <td>
                                <div class="reDesign">
                                    <input type="text" name="shipstate" id="state-2" value="<?=$data['userdata']['shipstate']?>" >
                                </div>
                            </td>
                        </tr>
                        
                        <tr>
                            <th>Postal Code</th>
                            <td>
                                <input type="text" name="shipcode" id="code-2" value="<?=$data['userdata']['shipcode']?>" class="inpPostCode clBg4 clBd2 fs03 clTxt2">
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="wrpCtcInfo">
                    <div class="wrpHdInfoGen mgBtm10">
                        <h2 class="ttlFullPf clTxt2 fs04">Contact</h2>
                    </div>
                    <table class="tbGenInfo clTxt3 fs03">
                        <tr>
                            <th>Email</th>
                            <td><input type="text" name="emailcontact" value="<? 
                            
                            if($data['userdata']['emailcontact'])
                            {
                            echo $data['userdata']['emailcontact'];
                            }else
                            {
                            
                            echo $data['userdata']['email'];
                            
                            }
                            
                            
                            ?>" class="clBg4 clBd2 fs03 clTxt2"></td>
                        </tr>
                        
                        <tr>
                            <th>Hide Email</th>
                            <td><input type="checkbox" <?if($data['userdata']['hideemail']){ echo 'checked="checked"'; }?>   value="1" name="hideemail"></td>
                        </tr>
                        
                        
                        <tr>
                            <th>Phone</th>
                            <td><input type="text" name="phone" value="<?=$data['userdata']['phone']?>" class="clBg4 clBd2 fs03 clTxt2"></td>
                        </tr>
                        
                         <tr>
                            <th>Hide Phone</th>
                            <td><input type="checkbox" <?if($data['userdata']['hidephone']){ echo 'checked="checked"'; }?> value="1" name="hidephone"></td>
                        </tr>
                        
                        <tr>
                            <th>Fax</th>
                            <td><input type="text" name="fax" value="<?=$data['userdata']['fax']?>" class="clBg4 clBd2 fs03 clTxt2"></td>
                        </tr>
                        
                         <tr>
                            <th>Hide Fax</th>
                            <td><input type="checkbox" value="1" <?if($data['userdata']['hidefax']){ echo 'checked="checked"'; }?> name="hidefax"></td>
                        </tr>
                        
                        <tr>
                            <th>ETC</th>
                            <td><textarea class="clBg4 clBd2 fs03 clTxt2" name="etc" ><?=$data['userdata']['etc']?></textarea></td>
                        </tr>
                        
                        <tr>
                            <th>Hide ETC</th>
                            <td><input type="checkbox" value="1" <?if($data['userdata']['hideetc']){ echo 'checked="checked"'; }?> name="hideetc"></td>
                        </tr>
                        
                    </table>
                </div>    
            </div>
        </div>
        <div class="wrpBtnSt">
            <input type="submit" class="btnGen clTxtW cutTxt clBgSp2 fs04" value="Save">
        </div>
    </div>
    </form >
    <form name="accountform" id="accountform">
    <div class="wrpAcntSt wrpallsetting" style="display: none;">
        <div class="wrpAllInfoSt">
            <div class="wrpAcntInfo mgBtm10">
                <div class="wrpHdInfoGen mgBtm10">
                    <h2 class="ttlFullPf clTxt2 fs04">Account</h2>
                </div>
                <table class="tbGenInfo clTxt3 fs03">
                    <tr>
                        <th>Username<input type="hidden" name="filter" value="2"></th>
                        <td><?=$data['userdata']['username']?></td>
                    </tr>
                    <tr>
                        <th>Email</th>
                        <td><?=$data['userdata']['email']?></td>
                    </tr>
                </table>
            </div>    
            <div class="wrpPwdInfo">
                <div class="wrpHdInfoGen mgBtm10">
                    <h2 class="ttlFullPf clTxt2 fs04">Password</h2>
                </div>
                <table class="tbGenInfo clTxt3 fs03">
                    <tr>
                        <th>Current Password</th>
                        <td><input type="password" name="curpwd" class="clBg4 clBd2 fs03 clTxt2"></td>
                    </tr>
                    <tr>
                        <th>New Password</th>
                        <td><input type="password" name="newpwd" class="clBg4 clBd2 fs03 clTxt2"></td>
                    </tr>
                    <tr>
                        <th>Re-New Password</th>
                        <td><input type="password" name="renewpwd" class="clBg4 clBd2 fs03 clTxt2"></td>
                    </tr>
                </table>
            </div>    
        </div>
        <div class="wrpBtnSt">
            <input type="submit" class="btnGen clTxtW cutTxt clBgSp2 fs04" value="Save">
        </div>
    </div>
    </form>
    
   
   <form name="allsettingform" id="allsettingform">
    <div class="wrpSysSt wrpallsetting" style="display: none;">
        <div class="wrpAllInfoSt">
            <div class="wrpLgInfo mgBtm10" style="display: none;">
                <div class="wrpHdInfoGen mgBtm10">
                    <h2 class="ttlFullPf clTxt2 fs04">Language</h2>
                </div>
                <table class="tbGenInfo clTxt3 fs03">
                    <tr>
                        <th>Primary Language</th>
                        <td>
                            <div class="reDesign">
                                <select class="fs01" name="langid" id="langid">
                                    <?if(count($data['langall'])){
                                        foreach($data['langall'] as $valuelang)
                                        {
                                                $selected='';
                                               if($data['userdata']['langid']==$valuelang['id'])
                                               {
                                               $selected='selected="selected"'; 
                                               }
                                    ?>
                                    <option <?=$selected?> value="<?=$valuelang['id']?>"><?=$valuelang['name']?></option>
                                    <?
                                        }
                                    
                                    
                                    }?>
                                </select>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>    
            <div class="wrpPvInfo mgBtm10">
                <div class="wrpHdInfoGen mgBtm10">
                    <h2 class="ttlFullPf clTxt2 fs04">Privacy</h2>
                </div>
                <table class="tbGenInfo clTxt3 fs03">
                    <tr>
                        <th>Who can see me?</th>
                        <td>
                            <div class="slctGen">
                                <input type="radio" name="publish" value="1" id="publish0" <? if($data['userdata']['publish']==1) { echo 'checked=""'; }?> >
                                <label for="everyone" class="fs03 clTxt3">Everyone</label>
                                <input type="radio" name="publish" value="0" id="publish1" <? if($data['userdata']['publish']==0) { echo 'checked=""'; }?>>
                                <label for="flwonly" class="fs03 clTxt3">Follower Only</label>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th>Post</th>
                        <td>
                            <div class="slctGen">
                                <input type="radio" name="post" value="1" id="post1" <? if($data['userdata']['post']==1) { echo 'checked=""'; }?>>
                                <label for="showall" class="fs03 clTxt3">Show All</label>
                                <input type="radio" name="post" value="0" id="post0" <? if($data['userdata']['post']==0) { echo 'checked=""'; }?>>
                                <label for="hideall" class="fs03 clTxt3">Hide All</label>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th>Social Media</th>
                        <td>
                            <div class="slctGen">
                                <div class="scMd clearfix">
                                    <div title="Facebook" <? if($data['userdata']['facebookid']==''){ ?> onclick="redirectto('<?=$data['linkloginfacebook']?>')" <?}?> class="ctcPf ctcUsFb">
                                        <span class="ico icoFbPf"></span>
                                    </div>
                                    <div class="scMdAs">
                                        <span class="fs03 clTxt3"><? if($data['userdata']['facebookid']){ ?>
                                        Connected to Facebook as <?=$data['userdata']['displayname']?>
                                        <?}else{?>
                                        Connect and use your Facebook login to sign in
                                        <?}?>
                                        
                                        
                                        </span>
                                    </div>
                                    
                                    <? if($data['userdata']['facebookid']){ ?>
                                    <div class="cbSttGen">
                                        <input type="checkbox"  id="fbatp">
                                        <label class="fs03 clTxt3" for="fbatp">Auto Post</label>
                                    </div>
                                    <?}?>
                                    
                                </div>
                                 <!--
                                <div class="scMd clearfix">
                                    <div title="Twitter" class="ctcPf ctcUsTw">
                                        <span class="ico icoTwtPf"></span>
                                    </div>
                                    <div class="scMdAs">
                                        <span class="fs03 clTxt3">Connect and use your Twitter login to sign in</span>
                                    </div>
                                </div>
                                <div class="scMd clearfix">
                                    <div title="Google Plus" class="ctcPf ctcUsGp">
                                        <span class="ico icoGpPf"></span>
                                    </div>
                                    <div class="scMdAs">
                                        <span class="fs03 clTxt3">Connect and use your Google Plus login to sign in</span>
                                    </div>
                                </div>
                                             -->
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
            
            <div class="wrpPvInfo mgBtm10">
                <div class="wrpHdInfoGen mgBtm10">
                    <h2 class="ttlFullPf clTxt2 fs04">Terms and Conditions</h2>
                </div>
                <table class="tbGenInfo clTxt3 fs03">
                    <tbody><tr>
                        <th class="btnTermsCn">
                            <input type="button" onclick="linkto('<?=baseinfo?>/assets/files/en.pdf')" value="English Language" class="btnGen clTxtW cutTxt clBgBt1 fs04">
                        </th>
                        <td></td>
                    </tr>
                    <tr>
                        <th class="btnTermsCn"><input type="button" onclick="linkto('<?=baseinfo?>/assets/files/th.pdf')" value="Thai Language" class="btnGen clTxtW cutTxt clBgBt1 fs04"></th>
                        <td></td>
                    </tr>
                </tbody></table>
            </div>
            
            
        </div> 
        <div class="wrpBtnSt">
        <input type="hidden" name="filter" value="3">
            <input type="submit" class="btnGen clTxtW cutTxt clBgSp2 fs04" value="Save">
        </div>
    </div>
    </form>
    
       <form name="serialsettingform" id="serialsettingform">
    <div class="wrpSerialSt wrpallsetting" style="display: none;">
      <div class="wrpCnPdRgt">
        <div class="wrpInCnPdRgt">
            <div class="wrpPdRgt">
                <div class="hdCnPdRgt clearfix">
                    <div class="inHdCnPdRgt">
                        <span class="fs05 clTxtW">PRODUCT REGISTER</span>
                    </div>
                    <div class="pointPdRgt">
                        <span class="fs04 clTxtW">username</span>
                        <span class="fs03 clTxtW">0 point</span>
                    </div>
                </div>
                <div class="bdPdRgt">
                    <div class="hdPdRgt">
                        <span class="clTxt2 fs03">คุณสามารถลงทะเบียนผลิตภัณฑ์ที่ซื้อจาก Canon เพื่อเพิ่มจำนวน point ของคุณ อีกทั้งยังได้รับสิทธิ์พิเศษมากมาย ด้วยของขวัญจากการตอบแทน จากแคนอนไทยแลนด์
กรุณากรอกข้อมูลตามจริงเพื่อความถูกต้องในการจัดส่งของขวัญหรือรับสิทธิ์พิเศษต่างๆจากกิจกรรมของแคนนอนค่ะ</span>
                    </div>
                    <div class="inpPdRgt clBd1 bdBtm clearfix">
                        <div class="inInpPdRgt">
                            <div class="inpPdType clearfix">
                                <label class="clTxt2 fs03 boldGen">product type</label>
                                <div class="reDsPdRgt">
                                    <select name="modelid" id="modelid">
                                        <option value="0">SELECT PRODUCT TYPE</option>
                                        <?if(count($data['modellist'])){
                                        foreach($data['modellist'] as $valuemodellist)
                                        {
                                        ?>
                                        <option value="<?=$valuemodellist['modelid']?>"><?=$valuemodellist['modelname']?></option>
                                        <? 
                                        }
                                        ?>
                                        <?}?>
                                    </select>
                                </div>
                            </div>
                        </div>
                        
                        <div class="inInpPdRgt">
                            <div class="inpSerial clearfix">
                                <label class="clTxt2 fs03 boldGen">serial number</label>
                                <input type="text" name="serialnumber2" id="serialnumber2">
                                <button class="cfmPdRgt" type="button" onclick="checkserialnumberdata()"><span class="fs03 clTxtW">check serial number</span>
                                <span class="icoCfmPdRgt"></span></button>
                            </div>
                        </div>
                    </div>
                    <div class="cnPdResult">
                        <div id="rowserialresult"></div>
                        <div class="wrpCfmPdRgt">
                            <button type="button" class="cfmPdRgt" onclick="confirmserialnumber()">
                                <span class="fs03 clTxtW">Confirm</span>
                                <span class="icoCfmPdRgt"></span>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="wrpCnPdHtr">
                <div class="hdCnPdHtr">
                    <span class="fs05">YOUR PRODUCT <em>HISTORY</em></span>
                </div>
                <div class="bdCnPdHtr producthistory">

                </div>
            </div>
        </div>
    </div>
    </div>
    </form>
    
     <form name="bcazform" id="bcazform">
     <div class="wrpallsetting wrprPblSt" style="display: none;">
        <div class="wrpPblSt">
            <div class="wrpOutPblSt mgBtm10">
                <h2 class="ttlFullPf clTxt2 fs04 boldGen">Publication Name</h2>
                <div class="wrpInPblSt">
                    <input type="text" name="pname" class="inpAddCtnt clBg4 clBd2 fs03 clTxt2">
                    <input type="hidden" name="pubid" >
                </div>
            </div>
            <div class="wrpOutPblSt mgBtm10">
                <h2 class="ttlFullPf clTxt2 fs04 boldGen">Email Contact</h2>
                <div class="wrpInPblSt">
                    <input type="text" name="pemail" class="inpAddCtnt clBg4 clBd2 fs03 clTxt2">

                </div>
            </div>
            
            <div class="wrpOutPblSt mgBtm10">
                <h2 class="ttlFullPf clTxt2 fs04 boldGen">Publication Thumbnail<em class="rcmAddGen clTxt3 fs01">recommended size : 600px X 600px</em></h2> 
                
                
                <div class="wrpInPblSt imagecheck1">
                    <div class="wrpInTnAddInfoLd image3">
                        <div class="tnAddInfoLd clBd2 clBg4 bdFull plgArea">
                            <!--<img alt="" src="img/testtn1.jpg">-->
                        </div>
                        <div class="addTnTl clBd2 bdBtm">
                            <div title="Browse" class="btnIco addImgTl clBd3 bdBtm uploadbutton">
                                <span class="ico icoAddImgTl"></span>
                                <div class="wrpUlFile">
                                    
                                </div>
                            </div>
                            <div title="Cloud" class="btnIco addCldTl clBd3 bdBtm cloudbutton">
                                <span class="ico icoAddCldTl"></span>
                            </div>
                            <div title="Link" class="btnIco addLnkTl clBd3 bdBtm linkbutton">
                                <span class="ico icoAddLnkTl"></span>
                            </div>
                            <div title="Remove" class="btnIco btnRmvTl deletebutton">
                                <span class="ico icoRmvTl"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="wrpOutPblSt mgBtm10">
                <h2 class="ttlFullPf clTxt2 fs04 boldGen">Publication Banner</h2>
                <div class="wrpInPblSt">
                    <div class="wrpBnPblSt image4">
                        <div class="itPlg addImgPlg">
                            <div class="wrpOrdMdMn clBg5 clTxt2 center">
                                <span class="txtOrdMn fs03">order</span>
                                <div class="inpNoFtMn center">
                                    <input type="text" name="sort" value="1" class="clBg5 clBd2 bdBtm fs02">
                                </div>
                            </div>
                            <div class="wrpPlgBnn clBg5 clBd2 bdFull">
                                <div class="plgArea plgAreaBnn">
                                    <!--<img alt="" src="img/bnnhome1.jpg">-->
                                </div>
                                <div class="wrpOutAtcPlg">
                                    <div class="wrpAtcPlg">
                                        <span class="ico icoImgPlg"></span>
                                        <div class="spnAtcPlg clTxtW">
                                            <span class="fs03">Image</span><br>
                                            <span class="rcmSizeAdd fs01">recommended size: 2048px x 640px or larger</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrpTl">
                                    <div class="addTool">
                                        <div title="Browse" class="btnIco addImgTl clBd3 bdBtm uploadbutton">
                                            <span class="ico icoAddImgTl"></span>
                                            <div class="wrpUlFile">
                                               <!-- <input type="file" class="ulFile">-->
                                            </div>
                                        </div>
                                        <div title="Cloud" class="btnIco addCldTl clBd3 bdBtm cloudbutton">
                                            <span class="ico icoAddCldTl"></span>
                                        </div>
                                        <div title="Link" class="btnIco addLnkTl clBd3 bdBtm linkbutton">
                                            <span class="ico icoAddLnkTl"></span>
                                        </div>
                                        <div title="Remove" class="btnIco btnRmvTl deletebutton">
                                            <span class="ico icoRmvTl"></span>
                                        </div>
                                    </div>
                                </div>
                                <span class="desPlg clTxt3 fs03">Select an image recommend size 2048 x 640 px</span>
                            </div>
                        </div>
                        <div class="wrpRdoBnPblSt">
                            <div class="rdoBnPblSt clearfix">
                                <input type="radio" name="status[0]" checked="checked" value="1" >
                                <label class="fs03" for="pblLnk">Link</label>
                                <input type="text" name="link" class="inpAddCtnt clBg5 clBd2 fs03 clTxt2">
                                <input type="hidden" name="ubanid" >
                            </div>
                            <div class="rdoBnPblSt clearfix">
                                <input type="radio" name="status[0]" value="2"  >
                                <label class="fs03" for="pblLnk">Tag</label>
                                <input type="text" name="tag" class="inpAddCtnt clBg5 clBd2 fs03 clTxt2">
                            </div>
                        </div>
                    </div>
                    <div class="wrpBnPblSt image5">
                        <div class="itPlg addImgPlg">
                            <div class="wrpOrdMdMn clBg5 clTxt2 center">
                                <span class="txtOrdMn fs03">order</span>
                                <div class="inpNoFtMn center">
                                    <input type="text" name="sort" value="2" class="clBg5 clBd2 bdBtm fs02">
                                </div>
                            </div>
                            <div class="wrpPlgBnn clBg5 clBd2 bdFull">
                                <div class="plgAreaBnn plgArea"></div>
                                <div class="wrpOutAtcPlg">
                                    <div class="wrpAtcPlg">
                                        <span class="ico icoImgPlg"></span>
                                        <div class="spnAtcPlg clTxtW">
                                            <span class="fs03">Image</span><br>
                                            <span class="rcmSizeAdd fs01">recommended size: 2048px x 640px or larger</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrpTl">
                                    <div class="addTool">
                                        <div title="Browse" class="btnIco addImgTl clBd3 bdBtm uploadbutton">
                                            <span class="ico icoAddImgTl"></span>
                                            <div class="wrpUlFile">
                                                
                                            </div>
                                        </div>
                                        <div title="Cloud" class="btnIco addCldTl clBd3 bdBtm cloudbutton">
                                            <span class="ico icoAddCldTl"></span>
                                        </div>
                                        <div title="Link" class="btnIco addLnkTl clBd3 bdBtm linkbutton">
                                            <span class="ico icoAddLnkTl"></span>
                                        </div>
                                        <div title="Remove" class="btnIco btnRmvTl deletebutton">
                                            <span class="ico icoRmvTl"></span>
                                        </div>
                                    </div>
                                </div>
                                <span class="desPlg clTxt3 fs03">Select an image recommend size 2048 x 640 px</span>
                            </div>
                        </div>
                        <div class="wrpRdoBnPblSt">
                            <div class="rdoBnPblSt clearfix">
                                <input type="radio"  name="status[1]" checked="checked" value="1">
                                <label class="fs03" for="pblLnk">Link</label>
                                <input type="text" name="link" class="inpAddCtnt clBg5 clBd2 fs03 clTxt2">
                                <input type="hidden" name="ubanid" >
                            </div>
                            <div class="rdoBnPblSt clearfix">
                                <input type="radio" name="status[1]"  value="2">
                                <label class="fs03" for="pblLnk">Tag</label>
                                <input type="text" name="tag" class="inpAddCtnt clBg5 clBd2 fs03 clTxt2">
                            </div>
                        </div>
                    </div>
                    <div class="wrpBnPblSt image6">
                        <div class="itPlg addImgPlg">
                            <div class="wrpOrdMdMn clBg5 clTxt2 center">
                                <span class="txtOrdMn fs03">order</span>
                                <div class="inpNoFtMn center">
                                    <input type="text" name="sort" value="3" class="clBg5 clBd2 bdBtm fs02">
                                </div>
                            </div>
                            <div class="wrpPlgBnn clBg5 clBd2 bdFull">
                                <div class="plgAreaBnn plgArea"></div>
                                <div class="wrpOutAtcPlg">
                                    <div class="wrpAtcPlg">
                                        <span class="ico icoImgPlg"></span>
                                        <div class="spnAtcPlg clTxtW">
                                            <span class="fs03">Image</span><br>
                                            <span class="rcmSizeAdd fs01">recommended size: 2048px x 640px or larger</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrpTl">
                                    <div class="addTool">
                                        <div title="Browse" class="btnIco addImgTl clBd3 bdBtm uploadbutton">
                                            <span class="ico icoAddImgTl"></span>
                                            <div class="wrpUlFile">

                                            </div>
                                        </div>
                                        <div title="Cloud" class="btnIco addCldTl clBd3 bdBtm cloudbutton">
                                            <span class="ico icoAddCldTl"></span>
                                        </div>
                                        <div title="Link" class="btnIco addLnkTl clBd3 bdBtm linkbutton">
                                            <span class="ico icoAddLnkTl"></span>
                                        </div>
                                        <div title="Remove" class="btnIco btnRmvTl deletebutton">
                                            <span class="ico icoRmvTl"></span>
                                        </div>
                                    </div>
                                </div>
                                <span class="desPlg clTxt3 fs03">Select an image recommend size 2048 x 640 px</span>
                            </div>
                        </div>
                        <div class="wrpRdoBnPblSt">
                            <div class="rdoBnPblSt clearfix">
                                <input type="radio" name="status[2]" checked="checked" value="1">
                                <label class="fs03" for="pblLnk">Link</label>
                                <input type="text" name="link" class="inpAddCtnt clBg5 clBd2 fs03 clTxt2">
                                <input type="hidden" name="ubanid" >
                            </div>
                            <div class="rdoBnPblSt clearfix">
                                <input type="radio" name="status[2]"  value="2">
                                <label class="fs03" for="pblLnk">Tag</label>
                                <input type="text" name="tag" class="inpAddCtnt clBg5 clBd2 fs03 clTxt2">
                            </div>
                        </div>
                    </div>
                    <div class="wrpBnPblSt image7">
                        <div class="itPlg addImgPlg">
                            <div class="wrpOrdMdMn clBg5 clTxt2 center">
                                <span class="txtOrdMn fs03">order</span>
                                <div class="inpNoFtMn center">
                                    <input type="text" name="sort" value="4" class="clBg5 clBd2 bdBtm fs02">
                                </div>
                            </div>
                            <div class="wrpPlgBnn clBg5 clBd2 bdFull">
                                <div class="plgAreaBnn plgArea"></div>
                                <div class="wrpOutAtcPlg">
                                    <div class="wrpAtcPlg">
                                        <span class="ico icoImgPlg"></span>
                                        <div class="spnAtcPlg clTxtW">
                                            <span class="fs03">Image</span><br>
                                            <span class="rcmSizeAdd fs01">recommended size: 2048px x 640px or larger</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrpTl">
                                    <div class="addTool">
                                        <div title="Browse" class="btnIco addImgTl clBd3 bdBtm uploadbutton">
                                            <span class="ico icoAddImgTl"></span>
                                            <div class="wrpUlFile">
                                                
                                            </div>
                                        </div>
                                        <div title="Cloud" class="btnIco addCldTl clBd3 bdBtm cloudbutton">
                                            <span class="ico icoAddCldTl"></span>
                                        </div>
                                        <div title="Link" class="btnIco addLnkTl clBd3 bdBtm linkbutton">
                                            <span class="ico icoAddLnkTl"></span>
                                        </div>
                                        <div title="Remove" class="btnIco btnRmvTl deletebutton">
                                            <span class="ico icoRmvTl"></span>
                                        </div>
                                    </div>
                                </div>
                                <span class="desPlg clTxt3 fs03">Select an image recommend size 2048 x 640 px</span>
                            </div>
                        </div>
                        <div class="wrpRdoBnPblSt">
                            <div class="rdoBnPblSt clearfix">
                                <input type="radio" name="status[3]" checked="checked" value="1">
                                <input type="hidden" name="ubanid" >
                                <label class="fs03" for="pblLnk">Link</label>
                                <input type="text" name="link" class="inpAddCtnt clBg5 clBd2 fs03 clTxt2">
                            </div>
                            <div class="rdoBnPblSt clearfix">
                                <input type="radio" name="status[3]"  value="2">
                                <label class="fs03" for="pblLnk">Tag</label>
                                <input type="text" name="tag" class="inpAddCtnt clBg5 clBd2 fs03 clTxt2">
                            </div>
                        </div>
                    </div>
                    <div class="wrpBnPblSt image8">
                        <div class="itPlg addImgPlg">
                            <div class="wrpOrdMdMn clBg5 clTxt2 center">
                                <span class="txtOrdMn fs03">order</span>
                                <div class="inpNoFtMn center">
                                    <input type="text" name="sort" value="5" class="clBg5 clBd2 bdBtm fs02">
                                </div>
                            </div>
                            <div class="wrpPlgBnn clBg5 clBd2 bdFull">
                                <div class="plgAreaBnn plgArea"></div>
                                <div class="wrpOutAtcPlg">
                                    <div class="wrpAtcPlg">
                                        <span class="ico icoImgPlg"></span>
                                        <div class="spnAtcPlg clTxtW">
                                            <span class="fs03">Image</span><br>
                                            <span class="rcmSizeAdd fs01">recommended size: 2048px x 640px or larger</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrpTl">
                                    <div class="addTool">
                                        <div title="Browse" class="btnIco addImgTl clBd3 bdBtm uploadbutton">
                                            <span class="ico icoAddImgTl"></span>
                                            <div class="wrpUlFile">

                                            </div>
                                        </div>
                                        <div title="Cloud" class="btnIco addCldTl clBd3 bdBtm cloudbutton">
                                            <span class="ico icoAddCldTl"></span>
                                        </div>
                                        <div title="Link" class="btnIco addLnkTl clBd3 bdBtm linkbutton">
                                            <span class="ico icoAddLnkTl"></span>
                                        </div>
                                        <div title="Remove" class="btnIco btnRmvTl deletebutton">
                                            <span class="ico icoRmvTl"></span>
                                        </div>
                                    </div>
                                </div>
                                <span class="desPlg clTxt3 fs03">Select an image recommend size 2048 x 640 px</span>
                            </div>
                        </div>
                        <div class="wrpRdoBnPblSt">
                            <div class="rdoBnPblSt clearfix">
                                <input type="radio" name="status[4]" checked="checked" value="1">
                                <input type="hidden" name="ubanid" >
                                <label class="fs03" for="pblLnk">Link</label>
                                <input type="text" name="link" class="inpAddCtnt clBg5 clBd2 fs03 clTxt2">
                            </div>
                            <div class="rdoBnPblSt clearfix">
                                <input type="radio" name="status[4]"  value="2">
                                <label class="fs03" for="pblLnk">Tag</label>
                                <input type="text" name="tag" class="inpAddCtnt clBg5 clBd2 fs03 clTxt2">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
        </div>
        <div class="wrpBtnSt">
            <input type="submit" value="Save" class="btnGen clTxtW cutTxt clBgSp2 fs04">
        </div>
    </div>
     </form>
    
    </div>





